<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<link rel="stylesheet" href="../css/top.css">
	<script src="../js/jquery-3.1.1.js"></script>
	<link rel="stylesheet" href="../css/rose_list.css">
	<link rel="stylesheet" href="../css/swiper.css">
	<script src="../js/swiper.js"></script>
	<script src="../js/rose.js"></script>
	<script src="../lib/js/ionic.bundle.min.js"></script>
	<title></title>
	<style>
		#top>.button{
			width: 30px;
			height: 30px;
			z-index: 1000;
			background-color: transparent;
			background-image: url(../images/nav_back.png);
			background-size: 16px 20px;
			background-position: center; 
			background-repeat: no-repeat;
			align-content: center; 
			border: none;
			margin-left: 10px;
		}
	</style>
</head>
<body ng-app="app" ng-controller="goBack">
	<header>
		<div id="top">
			<button class="button" ng-click="goBack()"></button>
			<img src="../images/nav_logo_03.png" >
		</div>
	</header>
	<br><br>
	<section class="swiper-container">
		<div class="swiper-wrapper">
			<a class="swiper-slide" href="#">
			<img src="" class="img1">
			</a>
			<a class="swiper-slide"  href="#" > 
			<img src="" id="img2">
			</a>
			<a class="swiper-slide"  href="#" >
			<img src="" id="img3">
			</a>
			<a class="swiper-slide"  href="#" >
			<img src="" class="img4">
			</a>
		</div>
		<div class="section_text1" id="text1"></div>
		<br>
		<div class="section_text1" >价格：<span id="text2"></span></div>
		<div class="section_text2">
			<p>颜色:</p>
			<div>
				<img src="" id="img5">
			</div>
			<div>
				<img src="" id="img6">
			</div>
			<div>
				<img src="" id="img7">
			</div>
			<div>
				<img src="" id="img8">
			</div>
		</div>
		<div class="section_text1">
			服务承诺 官方正品 免邮配送 同城速递
		</div>
		<div class="section_text3">
			<div>
				<b>适用场景:</b><span class="scene"></span><br>
				<b>适用对像:</b><span class="like"></span><br>
				<b>适用节日:</b><span class="festival"></span>
			</div>
			<div>
				<b>鲜花朵数:</b><span class=" flower"></span><br>
				<b>颜色分类:</b><span class="colour"></span><br>
				<b>产品规格:</b><span class="product"></span>
			</div>
		</div>
		<br><br><br>		
		<img class="section_img1" id="img9" >
		<img class="section_img1" id="img10" >
		<img class="section_img1" id="img11" >
		<img class="section_img1" id="img12" >
		<img class="section_img1" id="img13" >
		<img class="section_img1" id="img14" >
		<img class="section_img1" id="img15" >
		<img class="section_img1" id="img16" >

		<br><br><br>
		<div class="section_text1">热卖推荐</div>
		<br><br>
		<div class="section_text4">
			<div class="section_text5">
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src="" class="imgg2">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
			<div class="section_text5">
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
			<div class="section_text5">
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
			<div class="section_text5">
				<div class="section_text6">
					<img src=""  class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src=""  class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
		</div>
	</section>
	<br><br><br><br><br>
	<footer>
		<div class="foot">
			<!-- <a class="foot_div foot_div1" href="#"><img src="../images/首页.png">
			<p>首页</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/分类.png">
			<p>分类</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/喇叭.png">
			<p>热卖</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/购物袋.png">
			<p>购物袋</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/用户.png">
			<p>用户</p>
			</a> -->


			<!-- 样式替换 -->

			<a class="foot_cen foot_t" href="#">
				<img src="../images/聊天.png">
				<span>客服</span>
			</a>
			<a class="foot_cen" href="#">
				<p>加入购物车</p>
			</a>
			<a class="foot_cen foot_t1" href="#">
				<p>立即购买</p>
			</a>
		</div>
	</footer>	

	<script>
    	var swiper = new Swiper('.swiper-container', {
		    loop:true,
		    autoplay:2300,
		    pagination: '.swiper-pagination',
		    paginationClickable: true,
		    nextButton: '.swiper-button-next',
        	prevButton: '.swiper-button-prev',
        	// spaceBetween: 80,
        	centeredSlides: true,
        	autoplayDisableOnInteraction: false
		});
		var app=angular.module("app",[]);
		app.controller('goBack',function($scope){
			//定义返回事件
			$scope.goBack=function(){
				window.history.back();
			}
		});
	</script>
</body>
</html>